<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title>燃情世界杯</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/zepto.min.js"></script>
    <script src="js/script.js"></script>
    <script src="js/iscroll-zoom.js"></script>
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
</head>

<body>
<div class="bg">
    <div class="pt_img">
        <!-- 图片播放-->
        <img src="images/index/aaa.jpg" alt=""/>
    </div>
    <div class="pt">
        <div class="shadow">
            <div class="shadow_up">
                <img src="images/index/shadow.png" alt=""/>
                <div class="shan1">
                    <img src="images/index/shan1.png" alt="">
                </div>
                <div class="shan2">
                    <img src="images/index/shan2.png" alt="">
                </div>
                <div class="shadow_up_inner">
                    <p> 拍照 </p>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script src="js/index.js"></script>
<script>
    $('.shadow_up_inner p').click(function(){
        $('.shan1').addClass('active')
        $('.shan2').addClass('active')
    })
    
</script>
</html>
